<template>
  <div class="snsp">
    <Card title="产品属性">
      <el-form inline size="samll" label-width="100px" :model="formA">
        <el-form-item label="商品名称">
          <el-select v-model="formA.valA" size="small">
            <el-option label="云视讯业务一" :value="1"> </el-option>
            <el-option label="云视讯业务二" :value="2"> </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="产品编号">
          <el-input size="small" v-model="formA.valB"></el-input>
        </el-form-item>
      </el-form>
    </Card>
    <Card title="业务处理">
      <el-form size="small">
        <el-form-item label="操作类型">
          <el-radio-group v-model="radio">
            <el-radio :label="1">开通</el-radio>
            <el-radio :label="2">变更</el-radio>
            <el-radio :label="3">注销</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="是否审批">
          <el-radio-group v-model="radioA">
            <el-radio :label="1">是</el-radio>
            <el-radio :label="2">否</el-radio>
          </el-radio-group>
        </el-form-item>
      </el-form>
    </Card>
    <Card title="流程处理">
      <el-steps :active="0" finish-status="success">
        <el-step title="开始"></el-step>
        <!-- <el-step title="审批"></el-step> -->
        <el-step title="结束"></el-step>
      </el-steps>
      <!-- <section style="textAlign:center">
        <el-button type="primary">修改</el-button>
      </section> -->
    </Card>
    <Card title="审批设置">
      <el-form inline size="small">
        <el-form-item label="审批角色">
          <el-radio-group v-model="radioB">
            <el-radio :label="1">领导</el-radio>
            <el-radio :label="2">业务人员</el-radio>
            <el-radio :label="3">领导 --> 业务人员</el-radio>
          </el-radio-group>
        </el-form-item>
      </el-form>
    </Card>
    <Card title="修改后省内审批流程" v-if="radioB">
      <img src="@/assets/lc/sp.jpg" alt="" />
    </Card>
  </div>
</template>

<script>
import Card from '@/components/Card'
export default {
  components: {
    Card
  },

  data() {
    return {
      radio: 1,
      radioA: 2,
      radioB: '',
      formA: {
        valA: 1,
        valB: ''
      }
    }
  }
}
</script>

<style lang="scss" scoped></style>
